<script type="text/javascript">
    $(document).ready(function() {
        // date picker
        $(".tanggal").datepicker({
            yearRange: '-90:+0',
            changeMonth: true,
            changeYear: true,
            showOn: 'both',
            buttonImage: '{$BASEURL}/resource/doc/images/icon/calendar.gif',
            buttonImageOnly: true,
            dateFormat: 'yy-mm-dd'
        });
    });
</script>
<div class="breadcrum">
    <p><a href="#">Account Settings</a><span></span><small>Data Pribadi</small></p>
    <div class="clear"></div>
</div>
<!-- notification template -->
{include file="base/templates/notification.html"}
<!-- end of notification template-->
<form action="{$config->site_url('pengaturan/editprofile/process_data_pribadi')}" method="post" enctype="multipart/form-data">
    <table class="table-input" width="100%">
        <tr>
            <th colspan="3">Data Pribadi</th>
        </tr>
        <tr>
            <td width="20%">Nama Lengkap</td>
            <td width="40%">
                <input type="text" name="nama_lengkap" value="{$result.nama_lengkap|default:''}" size="40" maxlength="50" />
                <em>* wajib diisi</em>
            </td>
            <td rowspan="6" align='center' width="40%">
                <img src="{$user_img|default:''}" alt="" style="height: 100px; background-color: #fff; border: 1px solid #ccc; padding: 5px;" />
                <br /><br />
                <input type="file" name="user_img" />
            </td>
        </tr>
        <tr>
            <td>Jenis Kelamin</td>
            <td>
                <select name="jenis_kelamin">
                    <option></option>
                    <option value="L" {if {$result.jenis_kelamin|default:''} == "L"}selected="selected"{/if}>Laki - laki</option>
                    <option value="P" {if {$result.jenis_kelamin|default:''} == "P"}selected="selected"{/if}>Perempuan</option>
                </select>
                <em>* wajib diisi</em>
            </td>
        </tr>
        <tr>
            <td>Tempat, Tanggal Lahir</td>
            <td>
                <input type="text" name="tmp_lahir" value="{$result.tmp_lahir|default:''}" size="40" maxlength="50" />
                , <input type="text" name="tgl_lahir" value="{$result.tgl_lahir|default:''}" size="10" maxlength="10" class="tanggal" />
                <em>* wajib diisi</em>
            </td>
        </tr>
        <tr>
            <td>Alamat</td>
            <td><input type="text" name="alamat" value="{$result.alamat|default:''}" size="70" maxlength="100" /></td>
        </tr>
        <tr>
            <td>Nomor Telepon</td>
            <td>
                <input type="text" name="no_telp" value="{$result.no_telp|default:''}" size="30" maxlength="50" />
            </td>
        </tr>
        <tr>
            <td>Email</td>
            <td>
                <input type="text" name="user_mail" value="{$result.user_mail|default:''}" size="40" maxlength="50" />
                <em>* wajib diisi</em>
            </td>
        </tr>
        <tr class="submit-box">
            <td colspan="3">
                <input name="save" value="Simpan" class="edit-button" type="submit"/>
                <input name="save" value="Reset" class="edit-button" type="reset"/>
            </td>
        </tr>
    </table>
</form>